<!--
 * @Description: 
 * @Author: xunzhaotech
 * @Email: luyb@xunzhaotech.com
 * @QQ: 1525572900
 * @Date: 2024-04-05 21:46:52
 * @LastEditTime: 2024-04-13 21:41:28
 * @LastEditors: xunzhaotech
-->
<script lang="ts" setup>
import { useData } from 'vitepress'
import { useSidebar } from 'vitepress/theme'
// import NotFound from 'vitepress/dist/client/theme-default/NotFound.vue'
// import VPDoc from 'vitepress/dist/client/theme-default/components/VPDoc.vue'
// import VPHome from 'vitepress/dist/client/theme-default/components/VPHome.vue'
// import VPPage from 'vitepress/dist/client/theme-default/components/VPPage.vue'
import MICDoc from './MICDoc.vue'
// const route = useRoute()
// const router = useRouter()
const {
  // title,
  // description,
  // theme,
  // site,
  // params,
  // localeIndex,
  // lang,
  // isDark,
  // dir,
  //   page,
  frontmatter
} = useData()
const { hasSidebar } = useSidebar()
</script>
<template>
  <div
    class="VPContent has-sidebar"
    id="VPContent"
  >
    <MICDoc>
      <template #doc-top><slot name="doc-top" /></template>
      <template #doc-bottom><slot name="doc-bottom" /></template>

      <template #doc-footer-before><slot name="doc-footer-before" /></template>
      <template #doc-before><slot name="doc-before" /></template>
      <template #doc-after><slot name="doc-after" /></template>

      <template #aside-top><slot name="aside-top" /></template>
      <template #aside-outline-before><slot name="aside-outline-before" /></template>
      <template #aside-outline-after><slot name="aside-outline-after" /></template>
      <template #aside-ads-before><slot name="aside-ads-before" /></template>
      <template #aside-ads-after><slot name="aside-ads-after" /></template>
      <template #aside-bottom><slot name="aside-bottom" /></template>
    </MICDoc>
  </div>
</template>

<style scoped>
.VPContent {
  flex-grow: 1;
  flex-shrink: 0;
  margin: var(--vp-layout-top-height, 0px) auto 0;
  width: 100%;
}

.VPContent.is-home {
  width: 100%;
  max-width: 100%;
}

.VPContent.has-sidebar {
  margin: 0;
}

@media (min-width: 960px) {
  .VPContent {
    padding-top: var(--vp-nav-height);
  }

  .VPContent.has-sidebar {
    margin: var(--vp-layout-top-height, 0px) 0 0;
    padding-left: var(--vp-sidebar-width);
  }
}

@media (min-width: 1440px) {
  .VPContent.has-sidebar {
    padding-left: calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width));
  }
}
</style>
